<template>
    <div style="background-color:#f4f4f4;">


       
    <!-- 商品介绍 -->
    <div>
        <!-- 商品海报 -->
        <img src="../style/img/group/hb1.jpg" width="100%">
        <div class="name bg-fff">
            <p class="f15 lh15 ml-15 pt-10 black">柳州鲜香螺蛳粉 300g*1</p>
            <p class="f13 gray lh15 ml-15 mt-5">传统制粉手艺 甄选多重原料 地道广西风味</p>
            <div class="flex jc-sb fcc mt-10">
                <p class="redd ml-15">
                    <span>&yen;13</span>
                    <s class="f12 gray">原价15.9</s>
                </p>
                <button class="button red fff f14 mr-10">去拼单</button>
            </div>
        </div>
    </div>
    <div>
        <!-- 商品海报 -->
        <img src="../style/img/group/hb1.jpg" width="100%">
        <div class="name bg-fff">
            <p class="f15 lh15 ml-15 pt-10 black">柳州鲜香螺蛳粉 300g*1</p>
            <p class="f13 gray lh15 ml-15 mt-5">传统制粉手艺 甄选多重原料 地道广西风味</p>
            <div class="flex jc-sb fcc mt-10">
                <p class="redd ml-15">
                    <span>&yen;13</span>
                    <s class="f12 gray">原价15.9</s>
                </p>
                <button class="button red fff f14 mr-10">去拼单</button>
            </div>
        </div>
    </div>
    
        <boot page='pintuan' />
    </div>
</template>

<script>
import boot from '../components/boot'
export default {
components:{
    boot
}
}
</script>

<style lang="less" scoped>
// .name {

//     height: 110px;

//     .head {
//         height: 30px;
//         width: 30px;
//         border-radius: 50%;

//     }

//     .list {
//         right: 140px;
//         font-size: 13;
//         margin-right: -13px;
//     }

//     .tx {
//         text-align: right;
//     }

//     button {
//         height: 33px;
//         width: 90px;
//         border: none;
//         line-height: 33px;
//         text-align: center;
//         border-radius: 3px;
//         background: #f40;

//     }
// }

</style>
